import streamlit as st
import pandas as pd
from PIL import Image

# 示例数据
data = {
    'Name': ['Alice', 'Bob', 'Charlie'],
    'Age': [25, 30, 35],
    'City': ['New York', 'San Francisco', 'Los Angeles']
}
df = pd.DataFrame(data)

# 使用st.container组织主要应用部分
st.title("布局示例应用")

# 第一个container作为头部介绍
with st.container():
    st.header("应用介绍")
    st.write("本应用演示了如何使用Streamlit的布局组件来组织内容。")

# 使用beta_columns创建两列布局
with st.container():
    col1, col2 = st.columns(2)

    # 在第一列展示DataFrame
    with col1:
        st.subheader("数据表格展示")
        st.dataframe(df, width=400, height=200)

    # 在第二列展示图片
    with col2:
        st.subheader("图片展示")
        image = Image.open('img.png')  # 替换为你的图片路径
        st.image(image, caption='示例图片', use_column_width=True)

# 使用另一个container分隔不同部分
with st.container():
    st.header("用户输入与反馈")
    user_name = st.text_input("请输入您的名字")
    if st.button("提交"):
        st.success(f"你好，{user_name}！感谢你的输入。")
